<template>
	<div style="height:97%">
		<div style="height:100%;">
			<div class="main">
				<router-view></router-view>
			</div>
			<van-tabbar v-model="active">
			  <van-tabbar-item icon="home-o">首页</van-tabbar-item>

			  <van-tabbar-item icon="contact">我的</van-tabbar-item>
			</van-tabbar>
		</div>
		
	</div>
</template>


<style scoped>
	.main{
		height: 100%;
		overflow: scroll;
		background-color: #F0F0F0;
	}
</style>

<script setup>
	import { ref } from 'vue';
	import { Tabbar, TabbarItem } from 'vant';
	import { useRouter } from 'vue-router'
	const active = ref(0)
	const router = useRouter()

	
	


</script>
